<html>
    <head>
        <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Overview</title>
        <link rel=STYLESHEET href="../hlp.css" type="text/css">
    </head>
    <body>
        <div id="main">
            <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
                <tr><td valign=top height=50>
                        <table cellSpacing=0 cellPadding=0 width=100% bgcolor=#f4f4f4 style="border-bottom: #a4a4a4 1px solid; border-top: #a4a4a4 1px solid; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
                            <tr><td valign=top align=left>
									<h1>Overview</h1>
                                </td>
                                <td valign=top align=right><h1>USB Thermometer</h1>
                                    <div style="padding-top: 2px; padding-bottom: 10px;">Help</div>
								</td></tr>
                        </table>
                    </td></tr>
                <tr><td align=center valign=top>
                        <table border=0 cellpadding=0 cellspacing=0 width=100% height=100% bgcolor=#ffffff>
                            <tr><td valign=top style="padding: 10px; padding-left: 30px; padding-right: 30px;"><br/>

								<h2>Menu bar</h2>
								
								The structure of the menu bar is as follows:
								
								<ul>
                                        <li>
										<b>File</b> 
										<ul>
											<li><img src="./../../graphics/document.png" />&nbsp;
												<b>New workspace</b> 
												Closes all opened internal windows and left blank desktop.
											<li><img src="./../../graphics/folder-horizontal-open.png" />&nbsp;
												<b>Open workspace</b> 
												Opens previously saved workspace.
											<li><img src="./../../graphics/disk-black.png" />&nbsp;
												<b>Save workspace</b> 
												Saves current internal windows view and its settings. <font color="#FF0000">Notification!</font> File 
												<i>default.utw</i> saves internal windows setting which are restored when the application start. The file is 
												overwritten when the application is closing.												
											<li><img src="./../../graphics/null.png" />&nbsp;
												<b>Close</b> 
												Closes the application.
										</ul>
                                        <li>
										<b>Tools</b>
										<ul>
											<li><img src="./../../graphics/system-monitor--plus.png" />&nbsp;
												<b>Graph</b> 
												Adds a new <a href="graph.html">graph</a> internal window to the workspace.
											<li><img src="./../../graphics/battery--plus.png" />&nbsp;
												<b>Bar graph</b> 
												Adds a new <a href="bar.html">bar graph</a> internal window to the workspace.
											<li><img src="./../../graphics/table--plus.png" />&nbsp;
												<b>Table</b> 
												Adds a new <a href="table.html">table</a> internal window to the workspace.
											<li><img src="./../../graphics/report--plus.png" />&nbsp;
												<b>Report</b> 
												Adds a new <a href="report.html">report</a> internal window to the workspace.
											<li><img src="./../../graphics/gear.png" />&nbsp;
												<b>Alerts and triggers</b> 
												Opens a <a href="triggers.html">triggers</a> configuration window. 
											<li><img src="./../../graphics/wrench-screwdriver.png" />&nbsp;
												<b>Configuration</b> 
												Opens a <a href="configuration.html">configuration</a> window.												
										</ul>
										<li>
										<b>Window</b>
										<ul>
											<li><img src="./../../graphics/application-tile.png" />&nbsp;
												<b>Tile</b> 
												Arranges internal windows in non-overlapping tiles.
											<li><img src="./../../graphics/application-tile-horizontal.png" />&nbsp;
												<b>Tile horizontally</b> 
												Arranges internal windows in non-overlapping horizontal tiles.
											<li><img src="./../../graphics/application-tile-vertical.png" />&nbsp;
												<b>Tile vertically</b> 
												Arranges internal windows in non-overlapping vertical tiles.			
											<li><img src="./../../graphics/applications-stack.png" />&nbsp;
												<b>Cascade</b> 
												Arranges internal windows in an overlapped fashion.
											<li><img src="./../../graphics/null.png" />&nbsp;
												<b>Internal windows list</b> 
												List of opened internal windows.												
										</ul>
										<li>
										<b>Help</b>
										<ul>
											<li><img src="./../../graphics/book-open-text-image.png" />&nbsp;
												<b>help</b> 
												Display help content you are reading now.
											<li><img src="./../../graphics/question-white.png" />&nbsp;
												<b>About</b> 
												Displays the window contains information like version of the application, license, etc.
										</ul>
                                </ul>

								<h2>Toolbar</h2>
								
								The toolbar contains some elements duplicated from the menu bar:
								
								<ul>
									<li><img src="./../../graphics/btn_gear.png" align="middle"/>
										<b>Configuration</b>
										Opens a <a href="configuration.html">configuration</a> window.						
									<li><img src="./../../graphics/btn_char.png" align="middle"/>
										<b>Graph</b> 
										Adds a new <a href="graph.html">graph</a> internal window to the workspace.
									<li><img src="./../../graphics/btn_bar48.png" align="middle"/>
										<b>Bar graph</b> 
										Adds a new <a href="bar.html">bar graph</a> internal window to the workspace.
									<li><img src="./../../graphics/btn_table.png" align="middle"/>
										<b>Table</b> 
										Adds a new <a href="bar.html">table</a> internal window to the workspace.	
									<li><img src="./../../graphics/btn_report.png" align="middle"/>
										<b>Report</b> 
										Adds a new <a href="bar.html">report</a> internal window to the workspace.	
									<li><img src="./../../graphics/btn_screw.png" align="middle"/>
										<b>Alerts and trigger</b> 
										Opens a <a href="triggers.html">triggers</a> configuration window. 													
								</ul>
								
								<h2>Sensors list</h2>
								
								On the left of the main application window is a list of sensors and devices connected to this computer.
								Elements are displayed in form of the tree as follows:
								
								<ul>
									<li><img src="./../../graphics/computer-off.png" />&nbsp;
										<b>Database</b> 
										Working database: <i>[database type]:[database name].</i>
									<li><img src="./../../graphics/usb-flash-drive-logo.png" />&nbsp;
										<b>USB Thermometer devices</b> 
										Devices connected to the computer. The name of a device is its serial number.
									<li><img src="./../../graphics/thermometer.png" />&nbsp;
										<b>Active temperature sensor</b> 
										The icon of a working temperature sensors.
									<li><img src="./../../graphics/thermometer_off.png" />&nbsp;
										<b>Not active temperature sensor</b> 
										The sensor which is not connected to the computer at this moment. It is still possible to display
										the data collected by this sensor in the pass.
								</ul>
								
								
								<h2>State bar</h2>
								
								The state bar of the application contains information as follows: the name of a selected sensor, its ID number,
								the type of the sensor and the application working state.
								
								<div style="margin-top:10px;">
									<center><img src="./../../graphics/footprint.png"/></center>
								</div>	

                                </td></tr>
                            <tr><td valign=bottom>
                                    <table cellSpacing=0 cellPadding=0 width=100% bgcolor=#f4f4f4 style="border-top: #a4a4a4 1px solid; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 0px;">
                                        <tr><td valign=top align=left><b>USB Thermometer</b>
                                                <div style="padding-top: 2px; padding-bottom: 10px;"><a href="index.html">Contents</a>
                                                </div></td>
                                            <td valign=top align=right>&copy; KNI Electronics<br><a href="kni-electronics.com">kni-electronics.com</a></td></tr>
                                    </table>
                                </td></tr>
                        </table>
                    </td></tr>
            </table>
        </div>
    </body>
</html>
